<template >
    <div class="wrap-table fllow-manage new-radioType">
        <el-form ref="form" :model="searchData" label-width="100px" class="clearfix flex-div">
            <el-form-item label="访谈日期" class="" label-width="70px" style="width:340px">
                <div class="block">
                    <el-date-picker
                            v-model="timeDate"
                            type="daterange"
                            align="right"
                            unlink-panels
                            range-separator="至"
                            value-format="yyyy-MM-dd"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                            :picker-options="pickerOptions">
                    </el-date-picker>
                </div>
            </el-form-item>
            <el-form-item label="产后访视类型" class="" style="width: 190px">
                <el-select v-model="searchData.followUpType" clearable placeholder="请选择">
                    <el-option
                            v-for="item in options1"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                    </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="所在地区" class=" item-right" style="width:200px">
                <el-select v-model="searchData.districtNo" placeholder="请选择" @change="changeDis" clearable :disabled="JSON.parse(UserDic).IsCommunityOnly=='1'">
                    <el-option
                            v-for="item in optionDiq"
                            :key="item.DistrictName"
                            :label="item.DistrictName"
                            :value="item.DistrictNo">
                    </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="所在社区" class=" item-right" style="width:170px">
                <el-select v-model="CtyIds" placeholder="请选择" @change="Commutysp" clearable :disabled="JSON.parse(UserDic).IsCommunityOnly=='1'">
                    <el-option
                            v-for="item in optionsData"
                            :key="item.SYS_ID"
                            :label="item.CName"
                            :value="item">
                    </el-option>
                </el-select>
            </el-form-item>
            <!---->
            <!--<transition name="fade">-->
                <!--<div class="moreSearch" v-show="showActive">-->
                    <el-form-item label="预约状态" class=""  style="width: 200px">
                        <el-select v-model="searchData.appointState" clearable placeholder="请选择">
                            <el-option
                                    v-for="item in options2"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="事项状态" class=""  style="width: 200px">
                        <el-select v-model="searchData.followUpState" clearable placeholder="请选择">
                            <el-option
                                    v-for="item in options3"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="当前干预强度" label-width="110px" class=" item-right" style="width:180px">
                        <el-select v-model="searchData.intensityOfIntervention" clearable placeholder="请选择">
                            <el-option
                                    v-for="item in options9"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="访谈人员" label-width="100px" class=" item-right" style="width:200px">
                        <el-select v-model="searchData.NurseId" clearable placeholder="请选择">
                            <el-option
                                    v-for="item in optionsNurse"
                                    :key="item.NurseId"
                                    :label="item.NurseName"
                                    :value="item.NurseId">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="试验类型" class=" item-right" style="width:260px">
                        <el-select v-model="searchData.testType" clearable placeholder="请选择">
                            <el-option
                                    v-for="item in options6"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="对象状态" class="" style="width:190px">
                        <el-select v-model="searchData.userState" clearable placeholder="请选择">
                            <el-option
                                    v-for="item in options4"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item class="pull-left" label="">
                        <el-input v-model="searchData.keyWord" style="width: 210px;margin-left: -60px;" placeholder="研究对象手机号、研究编号"></el-input>
                    </el-form-item>
                <!--</div>-->
            <!--</transition>-->
            <div class="flex-r-but">
                <el-button type="success" @click="outPut" class="  mg-lr-20 pd-bt">导出</el-button>
                <el-button type="primary" @click="checkList" class=" mg-lr-20 pd-bt">查询</el-button>
            </div>
            <!--<el-button type="success" @click="outPut" class="pull-right  mg-lr-20 pd-bt">导出</el-button>-->
        </el-form>
        <!---->
        <template>
            <el-table
                    :data="tableData"
                    border
                    id="outtableFirst"
                    v-loading="loading"
                    element-loading-text="加载中"
                    style="width: 100%">
                <el-table-column
                        prop="FollowUpDate"
                        align="center"
                        label="访谈日期"
                        min-width="160">
                    <template  slot-scope="scope">
                        <span class="excelHidden">({{scope.row.FollowUpDate}})</span>
                        <el-date-picker
                                v-model="scope.row.FollowUpDate"
                                :clearable="false"
                                 :disabled="true"
                                @change="changeFollowUpDate(scope.row,scope.row.FollowUpDate)"
                                type="date"
                                value-format="yyyy-MM-dd"
                                placeholder="选择日期">
                        </el-date-picker>
                    </template>
                </el-table-column>
                <el-table-column
                        prop="FollowUpTime"
                        label="预约时间"
                        align="center"
                        min-width="120">
                    <template  slot-scope="scope">
                        <span class="excelHidden">({{scope.row.FollowUpTime}})</span>
                        <el-time-select
                                v-model="scope.row.FollowUpTime"
                                :clearable="false"
                                @change="changeFollowUpDateOne(scope.row,scope.row.FollowUpDate)"
                                :picker-options="{start: '08:00', step: '00:15',end: '21:30'}"
                                placeholder="">
                        </el-time-select>
                    </template>
                </el-table-column>
                <el-table-column
                        prop="FollowUpType"
                        label="产后访视类型"
                        :formatter="FollowUpTypeFilter"
                        align="center"
                        min-width="110">
                        <template  slot-scope="scope">
                            <span class="excelHidden">({{scope.row.FollowUpType |FollowUpType}})</span>
                            <el-select v-model="scope.row.FollowUpType" placeholder="请选择" @change="changeFollowUpDate(scope.row,scope.row.FollowUpType)">
                                <el-option
                                        v-for="item in options5"
                                        :key="item.value"
                                        :label="item.label"
                                        :value="item.value">
                                </el-option>
                            </el-select>
                        </template>
                </el-table-column>
                <el-table-column
                        prop="AppointState"
                        label="预约状态"
                        align="center"
                        :formatter="AppointFilter"
                        min-width="120">
                    <template  slot-scope="scope">
                        <span class="excelHidden">({{scope.row.AppointState |AppointState}})</span>
                        <el-select v-model="scope.row.AppointState" placeholder="请选择" @change="changeFollowUpDate(scope.row,scope.row.AppointState)">
                            <el-option
                                    v-for="item in options2s"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value">
                            </el-option>
                        </el-select>
                    </template>
                </el-table-column>
                <el-table-column
                        prop="FollowUpState"
                        label="事项状态"
                        :formatter="FollowUpFilter"
                        align="center"
                        min-width="120">
                    <template  slot-scope="scope">
                        <span class="excelHidden">({{scope.row.FollowUpState |FollowUpState}})</span>
                        <el-select v-model="scope.row.FollowUpState" placeholder="请选择" @change="changeFollowUpDate(scope.row,scope.row.FollowUpState)">
                            <el-option
                                    v-for="item in options3s"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value">
                            </el-option>
                        </el-select>
                    </template>
                </el-table-column>
                <el-table-column
                        prop="Nurse"
                        label="访谈人员"
                        align="center"
                        min-width="120">
                    <template slot-scope="scope">
                        <span class="excelHidden">({{scope.row.Nurse}})</span>
                        <el-select v-model="scope.row.Nurse" placeholder="请选择" @change="changeNurse(scope.row,scope.row.Nurse)">
                            <el-option
                                    v-for="item in optionsNurse"
                                    :key="item.NurseId"
                                    :label="item.NurseName"
                                    :value="item.NurseName">
                            </el-option>
                        </el-select>
                    </template>
                </el-table-column>
                <el-table-column
                        prop="Surname"
                        label="姓名首字母"
                        align="center"
                        min-width="100">
                </el-table-column>
                <el-table-column
                        label="手机号"
                        align="center"
                        min-width="100">
                    <template slot-scope="scope">
                        <el-tooltip :content="scope.row.Mobile" placement="top">
                            <span >{{scope.row.Mobile |mobileFilter}}</span>
                        </el-tooltip>
                    </template>
                </el-table-column>
                <el-table-column
                        prop="ResearchNo"
                        label="研究编号"
                        align="center"
                        min-width="100">
                </el-table-column>
                <el-table-column
                        prop="IntensityOfIntervention"
                        label="访谈时干预强度"
                        :formatter="IntensityFilter"
                        align="center"
                        min-width="150">
                </el-table-column>
                <el-table-column
                        prop="CurrentIntensityOfIntervention"
                        label="当前干预强度"
                        :formatter="IntensityFilter"
                        align="center"
                        min-width="150">
                </el-table-column>
                 <el-table-column
                        prop="DistrictName"
                        :formatter="DistrictNameFilter"
                        label="所在地区"
                        align="center"
                        min-width="100">
                </el-table-column>
                <el-table-column
                        prop="CName"
                        label="所在社区"
                        align="center"
                        min-width="100">
                </el-table-column>
                <el-table-column
                        prop="UserState"
                        label="对象状态"
                        :formatter="UserStateFilter"
                        align="center"
                        min-width="100">
                </el-table-column>
                <el-table-column
                        prop="Remark"
                        label="事项备注"
                        align="center"
                        min-width="120">
                    <template slot-scope="scope">
                        <el-input @blur="changeFollowUpDate(scope.row,scope.row.FollowUpState)" v-model="scope.row.Remark" placeholder="事项备注"></el-input>
                    </template>
                </el-table-column>
                <el-table-column
                        prop="CancleReason"
                        label="事项取消原因"
                        align="center"
                        min-width="160">
                    <template slot-scope="scope">
                        <el-input @blur="changeFollowUpDate(scope.row,scope.row.CancleReason)" v-model="scope.row.CancleReason" placeholder="事项取消原因"></el-input>
                    </template>
                </el-table-column>
                <el-table-column
                        min-width="140"
                        fixed="right"
                        align="center"
                        label="随访CRF">
                    <template  slot-scope="scope">
                       <el-button v-if="scope.row.BreastCaseReportId!=''" size="small" type="text"
                                  @click="handleTable(scope.row,'1')">查看</el-button>
                        <el-button style="color: #f00" v-else size="small" type="text"  @click="handleTable(scope.row)">填写</el-button>
                    </template>
                </el-table-column>
            </el-table>
        </template>
        <!--分页-->
        <div class="block mg-20-auto pagination-fixed">
            <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page.sync="pageId"
                    :page-sizes="[10, 20, 30, 40,80,100,200,500]"
                    :page-size="pageSize"
                    layout="total, sizes, prev, pager, next, jumper"
                    :total="total">
            </el-pagination>
        </div>
        <!-- oneStep-->
        <el-dialog title="母乳喂养随访CRF" :visible.sync="dialogFormAnli" :append-to-body="true" top="0" width="60%"
                   :close-on-click-modal="false" class="new-radioType">
                <div style="margin-right: 20px;overflow-x: hidden" class="allClss" v-loading="DiologLoading">
                    <p style="margin-bottom: 15px;font-weight: bold">研究对象：{{formPoint.Surname}}({{formPoint.ResearchNo}}) <span
                            style="padding-left: 15px;">研究阶段：{{formPoint.Period |PeriodFilters}}</span>
                        <span style="padding-left: 15px;">手机号：{{formPoint.Mobile |mobileFilter}}</span>
                    </p>
                    <p style="padding:10px 0px">事项标题：{{formPoint.ScheduleName}} <span
                            style="padding-left: 10px;">产后访视类型：{{formPoint.FollowUpType |FollowUpTypeFilter}}</span></p>
                    <p>预约时间：{{formPoint.FollowUpDate}} <span>{{formPoint.FollowUpTime}}</span></p>
                    <el-form :model="FormAnli" :rules="rules1" label-position="left" ref="FormAnli" label-width="50%"
                             class="demo-ruleForm">
                        <el-form-item label="访视/访谈日期" >
                            <el-date-picker
                                    v-model="FormAnli.VisitDate"
                                    :clearable="false"
                                    type="date"
                                    value-format="yyyy-MM-dd"
                                    placeholder="选择日期">
                            </el-date-picker>
                        </el-form-item>
                        <el-form-item label="访视/访谈类型" prop="FollowUpType">
                            <el-select v-model="FormAnli.FollowUpType" placeholder="请选择" clearable>
                                <el-option label="家访" value="1"></el-option>
                                <el-option label="电话" value="2"></el-option>
                                <el-option label="微信视频" value="3"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="访谈开始时间" prop="VisitTime">
                            <el-time-picker
                                    v-model="FormAnli.VisitTime"
                                    :clearable="false"
                                    value-format="HH-mm"
                                    format="HH:mm"
                                    >
                            </el-time-picker>
                        </el-form-item>
                        <el-form-item label="参与访谈的人员有？请勾选" class="is-required">
                            <el-checkbox-group v-model="Companions">
                                <el-checkbox label="研究对象自己"></el-checkbox>
                                <el-checkbox label="丈夫/伴侣"></el-checkbox>
                                <el-checkbox label="母亲"></el-checkbox>
                                <el-checkbox label="婆婆"></el-checkbox>
                                <el-checkbox label="父亲"></el-checkbox>
                                <el-checkbox label="公公"></el-checkbox>
                                <el-checkbox label="小儿"></el-checkbox>
                                <el-checkbox label="其他"></el-checkbox>
                            </el-checkbox-group>
                            <el-input v-if="Companions.indexOf('其他')>-1"
                                      v-model="FormAnli.CompanionsOther"  placeholder="请输入内容"></el-input>
                        </el-form-item>
                        <p style="border-top: 1px solid #c0ccda;margin:10px 0"></p>
                        <p style="margin:20px 0px">下列各项目，请勾选相应的选项：已调查、未调查、不适用（N/A）。当项目适用时，请勾选你的评估:
                            <img
                                :src="srcImgfilter(3)" class="iconImg">非常满意<img
                                :src="srcImgfilter(2)" class="iconImg">一般满意<img
                                :src="srcImgfilter(1)" class="iconImg">不满意</p>
                        <!--x-->
                        <p class="formPlebek">1、喂养形式</p>
                        <p class="itemP">1.1母乳喂养形式（访问前24小时）</p>
                            <el-radio-group v-model="FormAnli.FeedingMethod1_a" class="needValide"
                                            data="FeedingMethod1_a" name="1.1母乳喂养形式">
                                <el-radio label="1">已调查</el-radio>
                                <el-radio label="2">未调查</el-radio>
                                <el-radio label="3">不适用N/A</el-radio>
                            </el-radio-group>
                            <el-radio-group v-model="FormAnli.FeedingMethod1_b" v-if="FormAnli.FeedingMethod1_a=='1'">
                                <el-radio label="1">纯母乳喂养</el-radio>
                                <el-radio label="2">混合喂养</el-radio>
                                <el-radio label="3">人工喂养</el-radio>
                            </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">1.2母亲想要母乳喂养</p>
                        <el-radio-group v-model="FormAnli.FeedingMethod2_a" class="needValide"
                                        data="FeedingMethod2_a" name="1.2母亲想要母乳喂养">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.FeedingMethod2_b" v-if="FormAnli.FeedingMethod2_a=='1'">
                            <el-radio label="1">是</el-radio>
                            <el-radio label="2">否</el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">1.3使用配方奶</p>
                        <el-radio-group v-model="FormAnli.FeedingMethod3_a"  class="needValide"
                                        data="FeedingMethod3_a" name="1.3使用配方奶">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.FeedingMethod3_b" v-if="FormAnli.FeedingMethod3_a=='1'">
                            <el-radio label="1">是</el-radio>
                            <el-radio label="2">否</el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <!--x-->
                        <!--x-->
                        <p class="formPlebek">2.喂养观察</p>
                        <p>&nbsp;</p>
                        <p class="formPlebek">2.1母乳喂养</p>
                        <p style="font-size: 12px;color: #B0B0B0;margin:10px 0px;">如果适用，请同样完成下面的配方奶部分,若勾选未调查，请转到2.1
                                                                            .7；若勾选不适用则转到2.2</p>
                        <el-radio-group v-model="FormAnli.FeedingObservation1_a">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>

                        <p class="itemP">2.1.1衔乳</p>
                        <el-radio-group :disabled="FormAnli.FeedingObservation1_a!='1'"
                                        v-model="FormAnli.FeedingObservation1_1a" class="needValide"
                                        data="FeedingObservation1_1a" name="2.1.1衔乳">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.FeedingObservation1_1b" v-if="FormAnli.FeedingObservation1_1a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">2.1.2吞咽声</p>
                        <el-radio-group :disabled="FormAnli.FeedingObservation1_a!='1'" v-model="FormAnli.FeedingObservation1_2a" class="needValide"
                                        data="FeedingObservation1_2a" name="2.1.2吞咽声">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.FeedingObservation1_2b" v-if="FormAnli.FeedingObservation1_2a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">2.1.3乳头</p>
                        <el-radio-group :disabled="FormAnli.FeedingObservation1_a!='1'" v-model="FormAnli.FeedingObservation1_3a" class="needValide"
                                        data="FeedingObservation1_3a" name="2.1.3乳头">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.FeedingObservation1_3b" v-if="FormAnli.FeedingObservation1_3a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">2.1.4母亲舒适度</p>
                        <el-radio-group :disabled="FormAnli.FeedingObservation1_a!='1'" v-model="FormAnli.FeedingObservation1_4a"  class="needValide"
                                        data="FeedingObservation1_4a" name="2.1.4母亲舒适度">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.FeedingObservation1_4b" v-if="FormAnli.FeedingObservation1_4a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">2.1.5喂奶姿势</p>
                        <el-radio-group :disabled="FormAnli.FeedingObservation1_a!='1'" v-model="FormAnli.FeedingObservation1_5a" class="needValide"
                                        data="FeedingObservation1_5a" name="2.1.5喂奶姿势">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.FeedingObservation1_5b" v-if="FormAnli.FeedingObservation1_5a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">2.1.6基于宝宝发出饿了的信号的反应性母乳喂养（由母亲实行）</p>
                        <el-radio-group :disabled="FormAnli.FeedingObservation1_a!='1'" v-model="FormAnli.FeedingObservation1_6a" class="needValide"
                                        data="FeedingObservation1_6a" name="2.1.6基于宝宝发出饿了的信号的反应性母乳喂养（由母亲实行）">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.FeedingObservation1_6b" v-if="FormAnli.FeedingObservation1_6a=='1'">
                            <el-radio label="1">是</el-radio>
                            <el-radio label="2">有时</el-radio>
                            <el-radio label="3">否</el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>
                        <!--2.1.7-->
                        <p style="font-size: 12px;color: #B0B0B0;margin:10px 0px;">下列版块仅无法观察母乳喂养时适用（询问母亲）</p>
                            <p class="itemP">2.1.7[衔乳]你的宝宝能够轻松含住乳房吗？是否需要数次尝试？</p>
                            <el-radio-group :disabled="FormAnli.FeedingObservation1_a=='3'"
                                            v-model="FormAnli.FeedingObservation1_7a" class="needValide"
                                            data="FeedingObservation1_7a" name="2.1.7[衔乳]你的宝宝能够轻松含住乳房吗？是否需要数次尝试？">
                                <el-radio label="1">已调查</el-radio>
                                <el-radio label="2">未调查</el-radio>
                                <el-radio label="3">不适用N/A</el-radio>
                            </el-radio-group>
                            <el-radio-group v-model="FormAnli.FeedingObservation1_7b"
                                            v-if="FormAnli.FeedingObservation1_7a=='1'">
                                <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                                <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                                <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                            </el-radio-group>
                            <p class="line_x"></p>

                            <p class="itemP">2.1.8[听见吞咽声]你能听到宝宝每次吸奶的吞咽声吗？</p>
                            <el-radio-group :disabled="FormAnli.FeedingObservation1_a=='3'"
                                            v-model="FormAnli.FeedingObservation1_8a"class="needValide"
                                            data="FeedingObservation1_8a" name="2.1.8[听见吞咽声]你能听到宝宝每次吸奶的吞咽声吗？">
                                <el-radio label="1">已调查</el-radio>
                                <el-radio label="2">未调查</el-radio>
                                <el-radio label="3">不适用N/A</el-radio>
                            </el-radio-group>
                            <el-radio-group v-model="FormAnli.FeedingObservation1_8b" v-if="FormAnli.FeedingObservation1_8a=='1'">
                                <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                                <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                                <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                            </el-radio-group>
                            <p class="line_x"></p>

                            <p class="itemP">2.1.9[乳头]你的乳头可以轻易变突出/平坦吗？</p>
                            <el-radio-group :disabled="FormAnli.FeedingObservation1_a=='3'"
                                            v-model="FormAnli.FeedingObservation1_9a" class="needValide"
                                            data="FeedingObservation1_9a" name="2.1.9[乳头]你的乳头可以轻易变突出/平坦吗？">
                                <el-radio label="1">已调查</el-radio>
                                <el-radio label="2">未调查</el-radio>
                                <el-radio label="3">不适用N/A</el-radio>
                            </el-radio-group>
                            <el-radio-group v-model="FormAnli.FeedingObservation1_9b" v-if="FormAnli.FeedingObservation1_9a=='1'">
                                <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                                <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                                <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                            </el-radio-group>
                            <p class="line_x"></p>

                            <p class="itemP">2.1.10[舒适]你的乳头是否柔软？你的乳房是不是充满乳汁的？你是否感到疼痛？你是否涨奶或者患乳腺炎？</p>
                            <el-radio-group :disabled="FormAnli.FeedingObservation1_a=='3'"
                                            v-model="FormAnli.FeedingObservation1_10a"  class="needValide"
                                            data="FeedingObservation1_10a" name="2.1.10[舒适]你的乳头是否柔软？你的乳房是不是充满乳汁的？你是否感到疼痛？你是否涨奶或者患乳腺炎？">
                                <el-radio label="1">已调查</el-radio>
                                <el-radio label="2">未调查</el-radio>
                                <el-radio label="3">不适用N/A</el-radio>
                            </el-radio-group>
                            <el-radio-group v-model="FormAnli.FeedingObservation1_10b" v-if="FormAnli.FeedingObservation1_10a=='1'">
                                <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                                <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                                <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                            </el-radio-group>
                            <p class="line_x"></p>

                            <p class="itemP">2.1.11[喂奶姿势]是否需要有人帮助你喂奶？你下次喂奶的时候还需要帮忙吗？</p>
                            <el-radio-group :disabled="FormAnli.FeedingObservation1_a=='3'"
                                            v-model="FormAnli.FeedingObservation1_11a"  class="needValide"
                                            data="FeedingObservation1_11a" name="2.1.11[喂奶姿势]是否需要有人帮助你喂奶？你下次喂奶的时候还需要帮忙吗？">
                                <el-radio label="1">已调查</el-radio>
                                <el-radio label="2">未调查</el-radio>
                                <el-radio label="3">不适用N/A</el-radio>
                            </el-radio-group>
                            <el-radio-group v-model="FormAnli.FeedingObservation1_11b" v-if="FormAnli.FeedingObservation1_11a=='1'">
                                <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                                <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                                <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                            </el-radio-group>
                            <p class="line_x"></p>
                        <!--x-->

                        <p class="formPlebek">2.2配方奶喂养</p>
                        <el-radio-group v-model="FormAnli.FeedingObservation2_a"  class="needValide"
                                        data="FeedingObservation2_a" type="1" name="2.2配方奶喂养">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <p style="font-size: 12px;color: #B0B0B0;margin:10px 0px;">非纯母乳喂养均需完成此版块,仅勾选已调查时填写2.2.1-2.2.6
                        </p>
                        <p class="itemP">2.2.1喂养装备（无菌，清洁，安全）</p>
                        <el-radio-group :disabled="FormAnli.FeedingObservation2_a!='1'"
                                        v-model="FormAnli.FeedingObservation2_1a" class="needValide"
                                        data="FeedingObservation2_1a" name="2.2.1喂养装备（无菌，清洁，安全）">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.FeedingObservation2_1b" v-if="FormAnli.FeedingObservation2_1a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">2.2.2冲奶（合理，安全的准备，遵从厂商说明书，未添加食物）</p>
                        <el-radio-group :disabled="FormAnli.FeedingObservation2_a!='1'"  v-model="FormAnli.FeedingObservation2_2a" class="needValide"
                                        data="FeedingObservation2_2a" name="2.2.2冲奶（合理，安全的准备，遵从厂商说明书，未添加食物）">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.FeedingObservation2_2b" v-if="FormAnli.FeedingObservation2_2a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">2.2.3配方奶类型（能够满足宝宝需求）</p>
                        <el-radio-group :disabled="FormAnli.FeedingObservation2_a!='1'"  v-model="FormAnli.FeedingObservation2_3a" class="needValide"
                                        data="FeedingObservation2_3a" name="2.2.3配方奶类型（能够满足宝宝需求）">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.FeedingObservation2_3b" v-if="FormAnli.FeedingObservation2_3a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">2.2.4基于宝宝发出饿了的信号的反应性奶瓶喂养（由母亲实行）</p>
                        <el-radio-group :disabled="FormAnli.FeedingObservation2_a!='1'"  v-model="FormAnli.FeedingObservation2_4a" class="needValide"
                                        data="FeedingObservation2_4a" name="2.2.4基于宝宝发出饿了的信号的反应性奶瓶喂养（由母亲实行）">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.FeedingObservation2_4b"  v-if="FormAnli.FeedingObservation2_4a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">2.2.5喂养姿势（使宝宝处于半坐卧位；奶瓶保持水平，互动）</p>
                        <el-radio-group :disabled="FormAnli.FeedingObservation2_a!='1'"  v-model="FormAnli.FeedingObservation2_5a"  class="needValide"
                                        data="FeedingObservation2_5a" name="2.2.5喂养姿势（使宝宝处于半坐卧位；奶瓶保持水平，互动）">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.FeedingObservation2_5b" v-if="FormAnli.FeedingObservation2_5a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">2.2.6喂养宝宝的人员（应该主要是母亲和父亲）</p>
                        <el-radio-group :disabled="FormAnli.FeedingObservation2_a!='1'"  v-model="FormAnli.FeedingObservation2_6a"  class="needValide"
                                        data="FeedingObservation2_6a" name="2.2.6喂养宝宝的人员（应该主要是母亲和父亲）">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.FeedingObservation2_6b"  v-if="FormAnli.FeedingObservation2_6a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>
                        <!--xx-->
                        <!--y-->
                        <p class="formPlebek">3.访谈（与母亲）</p>
                        <p class="formPlebek">3.1喂奶情况</p>
                        <p class="itemP">3.1.1用奶瓶喂母乳（理想：无或者很少）</p>
                        <el-radio-group v-model="FormAnli.Interview1_1a" class="needValide"
                                        data="Interview1_1a" name="3.1.1用奶瓶喂母乳（理想：无或者很少）">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.Interview1_1b" v-if="FormAnli.Interview1_1a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">3.1.2一天喂奶次数（至少8-12次/天）</p>
                        <el-radio-group v-model="FormAnli.Interview1_2a" class="needValide"
                                        data="Interview1_2a" name="3.1.2一天喂奶次数（至少8-12次/天）">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.Interview1_2b" v-if="FormAnli.Interview1_2a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">3.1.3喂奶的时长（5-40分钟）</p>
                        <el-radio-group v-model="FormAnli.Interview1_3a" class="needValide"
                                        data="Interview1_3a" name="3.1.3喂奶的时长（5-40分钟）">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.Interview1_3b"  v-if="FormAnli.Interview1_3a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">3.1.4夜间哺乳（夜间哺乳至少2次）</p>
                        <el-radio-group v-model="FormAnli.Interview1_4a" class="needValide"
                                        data="Interview1_4a" name="3.1.4夜间哺乳（夜间哺乳至少2次）">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.Interview1_4b" v-if="FormAnli.Interview1_4a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">3.1.5使用安抚奶嘴（在宝宝母乳喂养进行顺利之前避免使用）</p>
                        <el-radio-group v-model="FormAnli.Interview1_5a" class="needValide"
                                        data="Interview1_5a" name="3.1.5使用安抚奶嘴（在宝宝母乳喂养进行顺利之前避免使用）">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.Interview1_5b" v-if="FormAnli.Interview1_5a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">3.1.6喂奶时有和宝宝接触和互动吗？</p>
                        <el-radio-group v-model="FormAnli.Interview1_6a"  class="needValide"
                                        data="Interview1_6a" name="3.1.6喂奶时有和宝宝接触和互动吗？">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.Interview1_6b" v-if="FormAnli.Interview1_6a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">3.1.7你能手动挤奶吗？</p>
                        <el-radio-group v-model="FormAnli.Interview1_7a" class="needValide"
                                        data="Interview1_7a" name="3.1.7你能手动挤奶吗？">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.Interview1_7b" v-if="FormAnli.Interview1_7a=='1'">
                            <el-radio label="1">是</el-radio>
                            <el-radio label="2">否</el-radio>
                            <el-radio label="3">N/A</el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">3.1.8你用吸奶器挤奶吗？</p>
                        <el-radio-group v-model="FormAnli.Interview1_8a" class="needValide"
                                        data="Interview1_8a" name="3.1.8你用吸奶器挤奶吗？">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.Interview1_8b"  v-if="FormAnli.Interview1_8a=='1'">
                            <el-radio label="1">经常</el-radio>
                            <el-radio label="2">有时</el-radio>
                            <el-radio label="3">从不</el-radio>
                            <el-radio label="4">N/A</el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">3.1.9使用辅助吸奶工具(如人工乳头或用细管喂食配方奶)</p>
                        <el-radio-group v-model="FormAnli.Interview1_9a" class="needValide"
                                        data="Interview1_9a" name="3.1.9使用辅助吸奶工具(如人工乳头或用细管喂食配方奶)">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.Interview1_9b"  v-if="FormAnli.Interview1_9a=='1'">
                            <el-radio label="1">是</el-radio>
                            <el-radio label="2">否</el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <!--y-->
                        <p class="formPlebek">3.2宝宝的健康</p>
                        <el-form-item label="3.2.1体重(kg)">
                            <el-input  v-model="FormAnli.Interview2_1" type="number"
                                      placeholder="仅可输入数字和小数点"></el-input>
                        </el-form-item>
                        <p class="itemP">3.2.2排尿(出生后 1-2天 = ≥1-2/24h; 出生后 3-4天 = ≥3-4/24h, 偏多; 出生后 6+天 ≥6/24h, 多)</p>
                        <el-radio-group v-model="FormAnli.Interview2_2a" class="needValide"
                                        data="Interview2_2a" name="3.2.2排尿(出生后 1-2天 = ≥1-2/24h; 出生后 3-4天 = ≥3-4/24h, 偏多; 出生后 6+天 ≥6/24h, 多)">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.Interview2_2b"  v-if="FormAnli.Interview2_2a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">3.2.3排便(出生后 1-2天  ≥1 次/24 h, 胎粪; 出生后3-4天 = 2次/24h (越多越好), 粪便性状改变; 出生后 10-14天 ≥次 2/24h, 频繁的排出松软稀薄的大便)</p>
                        <el-radio-group v-model="FormAnli.Interview2_3a" class="needValide"
                                        data="Interview2_3a" name="3.2.3排便">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.Interview2_3b"  v-if="FormAnli.Interview2_3a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">3.2.4黄疸（皮肤颜色正常，无黄染）</p>
                        <el-radio-group v-model="FormAnli.Interview2_4a"  class="needValide"
                                        data="Interview2_4a" name="3.2.4黄疸（皮肤颜色正常，无黄染）">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.Interview2_4b" v-if="FormAnli.Interview2_4a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="formPlebek">3.3母亲的关注点</p>
                        <p class="itemP">3.3.1母亲的母乳喂养满意度（理想：母亲放松，愉快，有成就感，宝宝享受母乳喂养）</p>
                        <el-radio-group v-model="FormAnli.Interview3_1a" class="needValide"
                                        data="Interview3_1a" name="3.3母亲的关注点">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.Interview3_1b"  v-if="FormAnli.Interview3_1a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">3.3.2母亲的焦虑情况（理想：焦虑程度低）</p>
                        <el-radio-group v-model="FormAnli.Interview3_2a" class="needValide"
                                        data="Interview3_2a" name="3.3.2母亲的焦虑情况（理想：焦虑程度低）">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.Interview3_2b" v-if="FormAnli.Interview3_2a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">3.3.3母亲对喂养信号的认知（理想：母亲对宝宝得到充足的母乳有自信，大多数喂养后宝宝都很满足）</p>
                        <el-radio-group v-model="FormAnli.Interview3_3a" class="needValide"
                                        data="Interview3_3a" name="3.3.3母亲对喂养信号的认知">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.Interview3_3b" v-if="FormAnli.Interview3_3a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">3.3.4母亲对喂养信号和反应性喂奶的知识：饿了，饱了的信号</p>
                        <p>***讨论：胃容量，过度喂养的危害</p>
                        <el-radio-group v-model="FormAnli.Interview3_4a" class="needValide"
                                        data="Interview3_4a" name="3.3.4母亲对喂养信号和反应性喂奶的知识：饿了，饱了的信号">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.Interview3_4b" v-if="FormAnli.Interview3_4a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">3.3.5母亲对宝宝有效喂奶姿势的认知（理想：母亲知道）</p>
                        <el-radio-group v-model="FormAnli.Interview3_5a" class="needValide"
                                        data="Interview3_5a" name="3.3.5母亲对宝宝有效喂奶姿势的认知（理想：母亲知道）">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.Interview3_5b" v-if="FormAnli.Interview3_5a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">3.3.6母亲对喂奶时安抚哭闹宝宝的信心（理想：母亲有信心）</p>
                        <el-radio-group v-model="FormAnli.Interview3_6a" class="needValide"
                                        data="Interview3_6a" name="3.3.5母亲对宝宝有效喂奶姿势的认知（理想：母亲知道）">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.Interview3_6b" v-if="FormAnli.Interview3_6a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">3.3.7来自家人的支持（理想：母亲获得支持）</p>
                        <el-radio-group v-model="FormAnli.Interview3_7a"  class="needValide"
                                        data="Interview3_7a" name="3.3.7来自家人的支持（理想：母亲获得支持）">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.Interview3_7b" v-if="FormAnli.Interview3_7a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">3.3.8你愿意在公共场合（私人空间之外）母乳喂养而且觉得舒适吗？（这次访问时）</p>
                        <el-radio-group v-model="FormAnli.Interview3_8a"  class="needValide"
                                        data="Interview3_8a" name="3.3.8你愿意在公共场合（私人空间之外）母乳喂养而且觉得舒适吗？（这次访问时）">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.Interview3_8b"  v-if="FormAnli.Interview3_8a=='1'">
                            <el-radio label="1">是</el-radio>
                            <el-radio label="2">否</el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">3.3.9母亲的营养（理想：健康饮食，额外的卡路里摄入，液体摄入足量）</p>
                        <p>***讨论：乳汁的生成（与营养无关，与宝宝吸吮有关）</p>
                        <el-radio-group v-model="FormAnli.Interview3_9a"  class="needValide"
                                        data="Interview3_9a" name="3.3.9母亲的营养（理想：健康饮食，额外的卡路里摄入，液体摄入足量）">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.Interview3_9b" v-if="FormAnli.Interview3_9a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">3.3.10母亲睡眠（需要喂夜奶，支持，小憩）</p>
                        <el-radio-group v-model="FormAnli.Interview3_10a" class="needValide"
                                        data="Interview3_10a" name="3.3.10母亲睡眠（需要喂夜奶，支持，小憩）">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.Interview3_10b" v-if="FormAnli.Interview3_10a=='1'">
                            <el-radio label="1"><img :src="srcImgfilter(3)" class="itemImg"></el-radio>
                            <el-radio label="2"><img :src="srcImgfilter(2)" class="itemImg"></el-radio>
                            <el-radio label="3"><img :src="srcImgfilter(1)" class="itemImg"></el-radio>
                        </el-radio-group>
                        <p class="line_x"></p>

                        <p class="itemP">3.3.11母亲的药物治疗（不影响母乳喂养；有助于母乳喂养）</p>
                        <el-radio-group v-model="FormAnli.Interview3_11a" class="needValide"
                                        data="Interview3_11a" name="3.3.11母亲的药物治疗（不影响母乳喂养；有助于母乳喂养）">
                            <el-radio label="1">已调查</el-radio>
                            <el-radio label="2">未调查</el-radio>
                            <el-radio label="3">不适用N/A</el-radio>
                        </el-radio-group>
                        <el-radio-group v-model="FormAnli.Interview3_11b" v-if="FormAnli.Interview3_11a=='1'">
                            <el-radio label="1">是</el-radio>
                            <el-radio label="2">否</el-radio>
                        </el-radio-group>
                        <el-form-item label="如果是，具体是" class="aloneItem" prop="Interview3_11c">
                            <el-input type="input" v-model="FormAnli.Interview3_11c" maxlength="200"
                                      placeholder="限100字"></el-input>
                        </el-form-item>
                        <p class="line_x"></p>
                        <!--x-->

                        <el-form-item label="主要的问题/关注点" class="aloneItem" prop="MainQuestion">
                            <el-input type="textarea" v-model="FormAnli.MainQuestion"  maxlength="1000"
                                      placeholder="限500字"></el-input>
                        </el-form-item>
                        <p class="line_x"></p>
                        <!--X__-->
                        <el-form-item label="建议：" class="aloneItem" prop="Advice">
                            <el-input type="textarea" v-model="FormAnli.Advice"  maxlength="1000"
                                      placeholder="限500字"></el-input>
                        </el-form-item>
                        <p class="line_x"></p>
                        <!--table-->

                        <el-form-item label="咨询母乳喂养热线" prop="ConsultationHotline">
                            <el-radio-group v-model="FormAnli.ConsultationHotline">
                                <el-radio label="1">是</el-radio>
                                <el-radio label="2">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                        <el-form-item label="咨询母乳喂养门诊" prop="ConsultationClinic">
                            <el-radio-group v-model="FormAnli.ConsultationClinic">
                                <el-radio label="1">是</el-radio>
                                <el-radio label="2">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                        <p v-if="FormAnli.ConsultationHotline=='1' || FormAnli.ConsultationClinic=='1'">如果是，原因:</p>

                        <el-form-item label="母亲" v-if="FormAnli.ConsultationHotline=='1' || FormAnli.ConsultationClinic=='1'">
                            <el-checkbox-group v-model="MotherReason">
                                <el-checkbox label="乳头疼痛"></el-checkbox>
                                <el-checkbox label="乳头平坦或者内陷"></el-checkbox>
                                <el-checkbox label="其他乳头原因（如感染、皲裂)"></el-checkbox>
                                <el-checkbox label="涨奶"></el-checkbox>
                                <el-checkbox label="乳腺炎"></el-checkbox>
                                <el-checkbox label="乳腺堵塞"></el-checkbox>
                                <el-checkbox label="乳房手术史"></el-checkbox>
                                <el-checkbox label="服用了影响哺乳的药物"></el-checkbox>
                                <el-checkbox label="母乳不够"></el-checkbox>
                                <el-checkbox label="母乳过多"></el-checkbox>
                                <el-checkbox label="情绪问题"></el-checkbox>
                                <el-checkbox label="回奶"></el-checkbox>
                                <el-checkbox label="自信心问题"></el-checkbox>
                                <el-checkbox label="其他"></el-checkbox>
                            </el-checkbox-group>
                            <el-input v-if="MotherReason.indexOf('其他')>-1"
                                      v-model="FormAnli.MotherReasonOther"  placeholder="限50字"></el-input>
                        </el-form-item>
                        <el-form-item label="宝宝" v-if="FormAnli.ConsultationHotline=='1' || FormAnli.ConsultationClinic=='1'">
                            <el-checkbox-group v-model="ChildReason">
                                <el-checkbox label="高胆红素血症"></el-checkbox>
                                <el-checkbox label="先天性疾病"></el-checkbox>
                                <el-checkbox label="早产"></el-checkbox>
                                <el-checkbox label="体重增长不足"></el-checkbox>
                                <el-checkbox label="舌头因素"></el-checkbox>
                                <el-checkbox label="口腔感染"></el-checkbox>
                                <el-checkbox label="其他"></el-checkbox>
                            </el-checkbox-group>
                            <el-input v-if="ChildReason.indexOf('其他')>-1"
                                      v-model="FormAnli.ChildReasonOther"  placeholder="限50字"></el-input>
                        </el-form-item>
                        <p class="line_x"></p>

                        <p class="formPlebek">访谈后</p>
                        <el-form-item label="访谈结束时间" prop="FollowUpOverTime">
                            <el-time-picker
                                    v-model="FormAnli.FollowUpOverTime"
                                    value-format="HH-mm"
                                    format="HH:mm"
                                    placeholder="请选择">
                            </el-time-picker>
                        </el-form-item>
                        <el-form-item label="预约了下一次访视/访谈？" prop="IsAppointNextFollowup">
                            <el-radio-group v-model="FormAnli.IsAppointNextFollowup">
                                <el-radio label="1">是</el-radio>
                                <el-radio label="2">否</el-radio>
                            </el-radio-group>
                        </el-form-item>
                        <el-form-item label="访谈过程中大多数时间是谁在说话?" prop="WhoTalkMore">
                            <el-radio-group v-model="FormAnli.WhoTalkMore">
                                <el-radio label="1">我</el-radio>
                                <el-radio label="2">研究对象</el-radio>
                                <el-radio label="3">一样多</el-radio>
                            </el-radio-group>
                        </el-form-item>
                        <el-form-item label="访谈过程中研究对象的积极性如何？" prop="Enthusiasm">
                            <el-radio-group v-model="FormAnli.Enthusiasm">
                                <el-radio label="1">高</el-radio>
                                <el-radio label="2">一般</el-radio>
                                <el-radio label="3">低</el-radio>
                            </el-radio-group>
                        </el-form-item>
                        <el-form-item label="你对这次访谈的满意度？" prop="Satisfaction">
                            <el-radio-group v-model="FormAnli.Satisfaction">
                                <el-radio label="1">满意</el-radio>
                                <el-radio label="2">一般</el-radio>
                                <el-radio label="3">不满意</el-radio>
                            </el-radio-group>
                        </el-form-item>
                        <el-form-item label="备注" class="aloneItem" prop="Remark">
                            <el-input type="textarea" v-model="FormAnli.Remark"  maxlength="1000"
                                      placeholder="限500字"></el-input>
                        </el-form-item>
                    </el-form>
                </div>
            <div slot="footer" class="dialog-footer">
                <el-button v-if="RoleGroup==1 &&hasCount" @click="deleteCrf" style="float: left;">删除</el-button>
                <el-button @click="dialogFormAnli = false">取 消</el-button>
                <el-button type="primary" @click="tableSure('FormAnli')">保存</el-button>
            </div>
        </el-dialog>
    </div>
</template>
<script>
import {mapGetters} from 'vuex'
import FileSaver from 'file-saver'   //导出
import {DIC_PERIODA,filterPeriod} from '@/utils/localDic'
import XLSX from 'xlsx'
export default {
    data() {
        return {
            searchData:{
                sysId:'',
                followUpType:'',
                appointState:'',
                followUpState:'',
                userState:'',
                groupType:'',
                keyWord:'',
                period:'',
                districtNo:'',
                intensityOfIntervention:'',
                NurseId:'',
                communityId:'', // 社区id
                testType: '2', // 试验类型
                NurseId:''
            },
            // districtNo:'310105',
            CtyIds:'',
	        DiologLoading:true,
            timeDate:[],
            optionDiq:[],
            optionsData:[],  //社区数据
            Companions:[],
            subDisabled:false,
            dialogForm1:false,
            pickerOptions: {
                shortcuts: [{
                    text: '最近一周',
                    onClick(picker) {
                    const end = new Date();
                    const start = new Date();
                    start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
                    picker.$emit('pick', [start, end]);
                    }
                }, {
                    text: '最近一个月',
                            onClick(picker) {
                        const end = new Date();
                        const start = new Date();
                        start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
                        picker.$emit('pick', [start, end]);
                    }
                }, {
                    text: '最近三个月',
                            onClick(picker) {
                        const end = new Date();
                        const start = new Date();
                        start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
                        picker.$emit('pick', [start, end]);
                    }
                }],
            },
            pageId:1,
            total:null,
            loading:true,
            pageSize:10,
            tableData:[],
	        optionPC:[{value:'母乳喂养',label:'母乳喂养'},{value: '环境', label: '环境'},{value: '体育锻炼', label: '体育锻炼'},{value:
                    '睡眠', label: '睡眠'},{value: '营养', label: '营养'},{value: '健康状态', label: '健康状态'},{value: '吸烟', label:
                    '吸烟'},{value: '支持网络', label: '支持网络'},{value: '榜样', label: '榜样'}],
            optionP: [{value: '母乳喂养', label: '母乳喂养'}, {value: '环境', label: '环境'}, {value: '营养', label: '营养'}, {value: '身体活动', label: '身体活动'}, {value: '心理健康', label: '心理健康'}, {value: '睡眠', label: '睡眠'}, {value: '吸烟', label: '吸烟'}],
            options1: [{value: '', label: '全部'},{value: '1', label: '面对面'}, {value: '2', label: '电话'}],
            options5:[{value: '1', label: '家访'}, {value: '2', label: '电话'},{value: '3', label: '微信视频'}],
            options2: [{value: '', label: '全部'},{value: '0', label: '待确认'},{value: '1', label: '已确认'}, {value: '2', label: '已取消'}],
            options2s: [{value: '0', label: '待确认'},{value: '1', label: '已确认'}, {value: '2', label: '已取消'}],
            options3: [{value: '', label: '全部'},{value: '1', label: '已完成'}, {value: '0', label: '待完成'}, {value: '2', label: '已取消'}, {value: '3', label: '爽约'}],
            options3s: [{value: '1', label: '已完成'}, {value: '0', label: '待完成'},{value: '2', label: '已取消'}, {value: '3', label: '爽约'}],
            options4: [{value: '', label: '全部'},{value: '1', label: '活跃'},{value: '2', label: '不活跃'}],
            optionss6: [{value: '', label: '全部'},{value: '1', label: 'A'}, {value: '2', label: 'B'}],
            options6: [{value: '', label: '全部'},{value: '0', label: '预试验'},{value: '1', label: '正式试验'},{value: '2', label: '预试验+正式试验'}],
            options2sp: DIC_PERIODA,
            options9: [{value: '', label: '全部'},{value: '1', label: 'AA'}, {value: '2', label: 'A'}],
            FollowUpTypeFilter(row, column, cellValue, index){
                return cellValue==1?'面对面':'电话'
            },
            UserStateFilter_move(row, column, cellValue, index){
                return cellValue==1?'已发送':'草稿'
            },
            PeriodFilter(row, column, cellValue, index){
                return filterPeriod(cellValue)
            },
            ResultFilter(row, column, cellValue, index){
                switch(cellValue){
                    case '1':
                        return '目标达成';
                        break;
                    case '2':
                        return '目标部分达成'
                        break;
                    case '3':
                        return '没有改变';
                        break;
                    case '4':
                        return '情况更糟'
                }
            },
             DistrictNameFilter(row, column, cellValue, index){
                return cellValue ||'-'
            },
            IntensityFilter(row, column, cellValue, index){
                return cellValue==1?'AA':'A'
            },
            AppointFilter(row, column, cellValue, index){
                return cellValue==1?'已预约':(cellValue==0?'待确认':'已取消')
            },
            FollowUpFilter(row, column, cellValue, index){
                return cellValue==1?'已完成':'待完成'
            },
            maxHeight:'',
            formx:{
                Title:'',
                Q1:'',
                Q2_1:'',
                Q2_2:'',
                Q2_3:'',
                Q2_4:'',
                Q2_5:'',
                Q2_6:'',
                Q2_7:'',
                Q2_8:'',
                Q3_1:'',
                Q3_2:'',
                Q3_3:'',
                Q4_1:'',
                Q4_2:'',
                Q4_3:'',
                Q5_1:'',
                Q5_2:'',
                Q5_3:'',
                Q6:null,
                Q7:null,
                Result:null,
                IsDraft:'',
                PlanType:''
            },
            showtexts:['一点也没有', '', '有一点', '', '完全有信心'],
            showtexts2:['不重要', '', '一般', '', '非常重要'],
            sysId:'',
            ResearchObjectId:'',
            ScheduleId:'',
            showActive:false,
            dialogForm2:false,
            tableDataQ:[],
            pageIdQ:1,
            totalQ:null,
            loadingQ:true,
            SYS_IDs:'',
            pageSizeQ:5,
            tablerow:null,
            optionsNurse:[],
            copyObject:null,
            onOFFsub:false,
            GroupTypeFilter(row, column, cellValue, index){
                return cellValue=='1'?'A':'B'
            },
            rules1:{
	            Remark:[
                    { required: true,message: '必填项',trigger: 'blur'}
                ],
	            Satisfaction:[
                    { trigger: 'blur',required: true,message: '必填项',}
                ],
	            Enthusiasm:[
                    { trigger: 'blur',required: true,message: '必填项',}
                ],
	            WhoTalkMore:[
                    { trigger: 'blur',required: true,message: '必填项',}
                ],
	            IsAppointNextFollowup:[
                    { trigger: 'blur',required: true,message: '必填项',}
                ],
	            FollowUpOverTime:[
                    { trigger: 'blur',required: true,message: '必填项',}
                ],
	            ChildReason:[
                    { trigger: 'blur',required: true,message: '必填项',}
                ],
	            MotherReason:[
                    { trigger: 'blur',required: true,message: '必填项',}
                ],
	            ConsultationHotline:[
                    { trigger: 'blur',required: true,message: '必填项',}
                ],
	            ConsultationClinic:[
                   { trigger: 'blur',required: true,message: '必填项',}
                ],
	            Advice:[
                  { trigger: 'blur',required: true,message: '必填项',}
                ],
	            MainQuestion:[
                    { trigger: 'blur',required: true,message: '必填项',}
                ],
                Satisfaction:[
                    { trigger: 'blur',required: true,message: '必填项',}
                ],
	            FollowUpType:[
                  { trigger: 'blur',required: true,message: '必填项',}
                ],
	            VisitTime:[
                    { trigger: 'blur',required: true,message: '必填项',}
                ],
	            Interview2_1:[
		            { trigger: 'blur',required: true,message: '必填项',}
	            ],
            },
            dialogFormAnli:false,
            FormAnli:{
                FollowUpType:'',
	            VisitStartTime:'',
	            VisitDate:'',
	            Companions:'',
	            VisitTime:'',
	            CompanionsOther:'',
	            MainQuestion:'',
	            Advice:'',
	            ConsultationHotline:'',
	            ConsultationClinic:'',
	            MotherReason:'',
	            ChildReason:'',
                ChildReasonOther:'',
                MotherReasonOther:'',
	            FollowUpOverTime:'',
	            IsAppointNextFollowup:'',
	            WhoTalkMore:'',
	            Enthusiasm:'',
	            Satisfaction:'',
	            Remark:'',

            },
            loadingRedcore:true,
            formPoint:{},
            dataRow:{},
            rowOff:false,
            diaLoading:true,
	        hasCount:false,
	        MotherReason:[],
	        ChildReason:[],
        }
    },
    filters:{
        IsFillInQuestionFilter(cellValue){
            if(cellValue==1){
                return '已完成'
            }
            else if(cellValue==0){
                return '未完成'
            }
            else{
                return '-'
            }
        },
	    FollowUpType(cellValue){
		    if(cellValue==1){
			    return '面对面'
		    }
		    else if(cellValue==2){
			    return '电话'
		    }
		    else{
			    return '-'
		    }
	    },
        mobileFilter(cellValue) {
        	if(cellValue){
		        return cellValue.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2");
            }
        },
	    AppointState(cellValue){
		    if(cellValue=='0'){
			    return '待确认'
		    }
        	else if(cellValue=='1'){
			    return '已确认'
		    }
		    else if(cellValue=='2'){
			    return '已取消'
		    }
		    else{
			    return '-'
		    }
	    },
	    FollowUpState(cellValue){
		    if(cellValue=='0'){
			    return '待完成'
		    }
		    else if(cellValue=='1'){
			    return '已完成'
		    }
		    else if(cellValue=='2'){
			    return '已取消'
		    }
		    else if(cellValue=='3'){
			    return '爽约'
            }
		    else{
			    return '-'
		    }
	    },
        FollowUpTypeFilter(cellValue){
            return cellValue==1?'面对面':'电话'
        },
	    PeriodFilters(cellValue){
		    return filterPeriod(cellValue)
	    },
    },
    created() {
	    console.log(window)
    },
    computed:{
        ...mapGetters([
                'userIcon',
                'userId',
                'token',
                'RoleGroup',
                'UserDic'
            ]),
    },
    async mounted(){
        let that=this;
        let now = new Date();
        let nowTime = now.getTime() ;
        let day = now.getDay();
        if(day==0){     //西方从周日算为第一天    2018/10/28
            day=7
        }
        let oneDayLong = 24*60*60*1000 ;
        let MondayTime = nowTime - (day-1)*oneDayLong  ;
        let SundayTime =  nowTime + (7-day)*oneDayLong ;
        let monday = dateForm(new Date(MondayTime));
        let sunday = dateForm(new Date(SundayTime));
        that.timeDate= [
            monday,
            sunday
        ];   //初始化时间范围
        JSON.parse(localStorage.getItem('mrwy_01'))?
            that.searchData=JSON.parse(localStorage.getItem('mrwy_01')):''
	    await that.GetCommunityDistrict()
		that.searchData.districtNo=JSON.parse(that.UserDic).DistrictNo||that.searchData.districtNo||''
		if(JSON.parse(that.UserDic).IsCommunityOnly=='1'){
			await that.getComselectList()
			that.searchData.communityId=JSON.parse(that.UserDic).CommunityId||''
			if(that.searchData.communityId){
                 that.CtyIds=that.optionsData.find(val=>{
                     return val.SYS_ID==JSON.parse(that.UserDic).CommunityId
                 }).CName||''
             }
		}
        else{
            await that.getComselectList()
            that.searchData.communityId=(JSON.parse(localStorage.getItem('mrwy_01'))||{}).communityId ||''
            that.CtyIds=(that.optionsData.find(val=>{
                return val.SYS_ID==that.searchData.communityId
            })||{}).CName||''
        }
        that.getList()
        that.GetNurse()// 获取干预护士
    },
    beforeMount:function() {
        let that=this;
        let appHeight=$(window).height();
        let autoheight=(appHeight-288)+'px'
        that.maxHeight=autoheight
    },
    methods: {
	    outPut:function(){  //导出
		    /* generate workbook object from table */
		    var wb = XLSX.utils.table_to_book(document.querySelector('.el-table__fixed-right'))
		    /* get binary string as output */
		    var wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'array',width:'300'})
		    try {
			    FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), '母乳喂养随访.xlsx')
		    } catch (e) { if (typeof console !== 'undefined') console.log(e, wbout) }
		    return wbout
	    },
	    srcImgfilter:function(index){
		    let src=''
		    index=='1'?src='./static/img/icon_sad_celected@2x.png':index=='2'?src='./static/img/icon_ok_celected@2x.png':index=='3'?src='./static/img/icon_happy_celected@2x.png':src='';
		    return src
	    },
	    deleteCrf(){         //删除crf
            let that=this;
            that.$confirm('确认要删除本条信息吗？', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                that.service({
                    url:'/ResearchObject/DeleteBreastCaseReport',
                    method:'post',
                    data:{
                        ...that.FormAnli,
                    }
                }).then(response=>{
                    that.dialogFormAnli=false
                    that.getList()
                }).catch(data=>{
                    that.loadingQ=false
                })
            }).catch(() => {
                that.dialogFormAnli=false
                that.$message({
                    type: 'info',
                    message: '已取消'
                });
            });
        },
        async GetCommunityDistrict(){    //获取社区行政区
            let that = this;
            await that.service({
                url: "/Dic/GetCommunityDistrict",
                method: "get",
                params: {
                }
            }).then(response => {
                that.optionDiq=response.dtData;
            })
            .catch(data => {

            });
        },
        changeCops:function(val){  //多选框
            this.FormAnli.Companions=val.join(',')
        },
        changeFollowUpDate:function(row,val){
            this.setList(row)
        },
        handleTable:function(row,index){
            let that=this;
            that.Companions=[]
            that.dataRow=''
            that.dialogFormAnli=true;
            that.formPoint={};
	        that.hasCount=false
            that.FormAnli={
	            FollowUpType:'',
	            VisitStartTime:'',
	            VisitDate:'',
	            Companions:'',
	            VisitTime:'',
	            CompanionsOther:'',
	            MainQuestion:'',
	            Advice:'',
	            ConsultationHotline:'',
	            ConsultationClinic:'',
	            MotherReason:'',
	            ChildReason:'',
                ChildReasonOther:'',
                MotherReasonOther:'',
	            FollowUpOverTime:'',
	            IsAppointNextFollowup:'',
	            WhoTalkMore:'',
	            Enthusiasm:'',
	            Satisfaction:'',
	            Remark:'',
            }
            that.dataRow=row;
            that.$nextTick(function () {
                that.$refs['FormAnli'].resetFields();
	            that.formPoint=row
	            that.FormAnli.ResearchObjectId=row.ResearchObjectId
	            that.FormAnli.FollowUpId=row.SYS_ID
	            that.FormAnli.AppointDate=row.AppointDate||''
	            console.log(row)
	            if(!index){
		            that.FormAnli.VisitDate=row.FollowUpDate
		            that.FormAnli.VisitTime=row.FollowUpTime
		            that.DiologLoading = false
                    console.log(that.FormAnli.VisitTime)
	            }
	            else{
		            console.log(that.FormAnli)
		            that.DiologLoading = true
		            that.service({
			            url: "/ResearchObject/GetBreastCaseReport",
			            method: "get",
			            params: {
				            sysId:row.BreastCaseReportId||'0'
			            }
		            }).then(response => {
			            that.DiologLoading = false
			            if(response.dtData.length>0){
				            that.hasCount=true
				            that.FormAnli=response.dtData[0]
				            that.MotherReason=(response.dtData[0].MotherReason||'').split(',')
				            that.ChildReason=(response.dtData[0].ChildReason||'').split(',')
				            that.Companions=(response.dtData[0].Companions||'').split(',')
			            }
			            else{
				            setTimeout(function () {
					            that.FormAnli.FollowUpDoTime=row.FollowUpTime
				            },500)
			            }
		            }).catch(data => {
			            that.DiologLoading = false
		            });
	            }
            })


        },
        changeDis(val) {
              this.CtyIds=''
              this.searchData.communityId=''
              this.optionsData= [];
              if(val){
                  this.getComselectList()
              }
        },
        // 获取社区列表
        async getComselectList(){
            let that = this;
            await that.service({
                url: "dic/GetCommunity",
                method: "get",
                params: {
                    cName: "",
                    cGroup: "",
                    districtNo:that.searchData.districtNo||'',
                    pageCount:0,
                    pageSize: 100,
                }
            }).then(resp => {
                if(that.searchData.districtNo && that.searchData.districtNo!=''){
                     that.optionsData=resp.dtData
                }
                else{
                     that.optionsData=[]
                }
                
            }).catch(data => {

            });
        },
        Commutysp (val) {
            this.CtyIds=val.CName
            val.SYS_ID!==undefined?this.searchData.communityId=val.SYS_ID:this.searchData.communityId=''
	        this.GetNurse()
        },
        tableSure:function(formName){
	        let that=this;

            let domArr=document.querySelectorAll('.allClss .needValide')
            let valiatP=false;
            let name='';
            domArr.forEach((item,index)=>{
            	if(valiatP){
            		return false
                }
                let filed=item.getAttribute('data')
                let itemName=item.getAttribute('name')
                let type=item.getAttribute('type')
                let classnames=item.children[0].className
	            name=itemName
                if((!this.FormAnli[filed] || this.FormAnli[filed]=='') && classnames.indexOf('is-disabled')==-1){
	                valiatP=true
                    return false
                }
            	if(classnames.indexOf('is-checked')>-1 && type!='1' &&classnames.indexOf('is-disabled')==-1){
            		let newFiled=filed.substring(0,filed.length - 1)+'b'
            		if(!this.FormAnli[newFiled] || this.FormAnli[newFiled]==''){
			            valiatP=true
			            return false
                    }
                }

            })
	        this.FormAnli.MotherReason=this.MotherReason.join(',')
	        this.FormAnli.ChildReason=this.ChildReason.join(',')
	        this.FormAnli.Companions=this.Companions.join(',')
            if(that.rowOff){
              return false
            }
            that.rowOff=true
            if(!this.FormAnli.Companions ||this.FormAnli.Companions==''){
              that.$notify({
                  title: '提示',
                  message: '请填写参与访谈的人员',
                  type: 'info'
              });
              that.rowOff=false
              return false
            }
	        if (valiatP) {
		        that.$notify({
			        title: '提示',
			        message: `请填写选项${name}`,
			        type: 'info'
		        });
		        that.rowOff=false
		        return false
	        }
	        if(parseFloat(that.FormAnli.FollowUpOverTime.replace('-','')) <=
		        parseFloat(that.FormAnli.VisitTime.replace(':','').replace('-','')) ){
		        that.$notify({
			        title: '提示',
			        message: '访谈结束时间应晚于访谈开始时间！',
			        type: 'error'
		        });
		        that.rowOff=false
		        return false
	        }
            that.$refs[formName].validate((valid) =>{
            if (valid) {
                that.service({
                  url: "/ResearchObject/SaveBreastCaseReport",  //保存接口
                  method: "post",
                  data: {
                    ...that.FormAnli,
	                 IsCreateCaseReport:'1'
                  }
                }).then(response => {
                    that.dialogFormAnli=false
                    that.$message({
                      message:'保存成功',
                      type:'success'
                    })
                  that.$confirm('自动将事项状态改为“已完成”，确定吗？', '提示', {
                      confirmButtonText: '确定',
                      cancelButtonText: '取消',
                      type: 'warning'
                  }).then(() => {
                        that.dataRow.FollowUpState='1';
                        that.rowOff=false
                        that.setList(that.dataRow)
                  }).catch(() => {
                      that.$message({
                          type: 'info',
                          message: '已取消'
                      });
                      that.getList()
                      that.rowOff=false
                  });

                }).catch(data => {});
	                that.rowOff=false
                    that.dialogFormAnli=false
            }
            else {
              that.rowOff=false
              return false
            }
            })
        },
        changeFollowUpDateOne:function(row,val){
            let that=this;
            if(row.AppointState==0){
                this.$confirm('是否将预约状态改为已确认 , 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                   row.AppointState='1';
                   that.setList(row)
                }).catch(() => {
                    that.setList(row)
                });
            }
            else{
                 that.setList(row)
            }
        },
        jumpQuestion:function(row){   //问卷跳转
            let that=this;
            if(row.IsFillInQuestionnaire==undefined){
                return false
            }
            that.$router.push({
                path:'/participant/editor',
                query:{
                    id:row.ResearchObjectId,
                    mobile:row.Mobile,
                    researchNo:row.ResearchNo,
                    isOther:1
                }
            })
        },
        jumpMove:function(row){  //跳转行动计划
            let that=this;
            that.$router.push({
                path:'/participant/editor',
                query:{
                    id:row.ResearchObjectId,
                    mobile:row.Mobile,
                    researchNo:row.ResearchNo,
                    isOther:2
                }
            })
        },
        JumpUserinfo:function(row){
            let that=this;
            that.$router.push({
                path:'/participant/editor',
                query:{
                    id:row.ResearchObjectId,
                    mobile:row.Mobile,
                    researchNo:row.ResearchNo,
                }
            })
        },
        UserStateFilter(row, column, cellValue, index){
            switch (cellValue){
                case '1':
                    return '活跃'
                    break;
                case '2':
                    return '不活跃'
                    break;
                case '3':
                    return '不活跃'
                    break;
                case '4':
                    return '不活跃'
                    break;
                case '5':
                    return '不活跃'
                    break;
            }
        },

        handleSizeChange(val) {       //条数改变
            this.pageSize=val;
            this.getList()
        },
        handleCurrentChange(val) {    //页数改变
            this.pageId = val
            this.getList()
        },
        setList:function(row){  //修改
            let that=this;
            that.service({
                url:'/ResearchObject/SaveBreastFollowUp',
                method:'post',
                data:{
                        ...row
                }
                }).then(response=>{
                        that.$message({
                        message: '修改成功',
                        type: 'success'
                    });
                    that.getList()
                }).catch(data=>{
                    that.getList()
            })
        },
        getList(){           //获取一级信息列表
            let that=this
            that.loading=true
            that.service({
                url:'/ResearchObject/GetBreastFollowUp',
                method:'get',
                params:{
                    pageCount:(that.pageId-1),
                    pageSize:that.pageSize,
                        ...that.searchData,
                    startDate:that.timeDate?that.timeDate[0]:'',
                    endDate:that.timeDate?that.timeDate[1]:'',
                }
                }).then(response=>{
                    that.tableData=response.dtData;
                    that.total =parseInt(response.dtData[0].TotalCount);
	                console.log(response)
                    that.loading=false
                }).catch(data=>{
                that.loading=false
            })
        },
        checkList:function(){
            this.pageId=1;
            this.pageSize=10;
            this.total=null;
            this.getList()
            let storageObj=this.searchData;
            this.searchData.comName=this.CtyIds;
            localStorage.setItem('mrwy_01',JSON.stringify(storageObj))
        },
        GetNurse:function(){
            let that=this;
            that.service({
	            url:'/Sys/GetNurseForFollowup',
                method:'get',
                params:{
	                communityId:JSON.parse(this.UserDic).CommunityId||this.searchData.communityId||''
                }
            }).then(response=>{
                let options=response.dtData
                console.log(response)
                for(let i of options){    //处理姓名账号不一致，Nan
                    i.Name=i.Name || ''
                    let username=i.Surname+i.Name
                    username=='undefined'?username=i.UserCode:username=username
                    i.icons=username
                }
                that.optionsNurse=response.dtData;
            }).catch(data=>{

            })
        },
        changeNurse:function(row,val){
            let that=this;
            this.$confirm('更换社区HCP后，请重新填写访谈时间, 是否继续?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                that.optionsNurse.forEach(function (item) { //绑定ID
                    if(item.NurseName==val){
                        row.NurseId=item.NurseId
                    }
                })
                row.FollowUpTime=''
	            console.log(row)
             //   return
                this.setList(row)
            }).catch(() => {
                that.$message({
                    message:'已取消',
                    type:'info'
                })
                that.getList()
            });
        }
    }
  }
function addZero(s){
    return s < 10 ? '0' + s: s;
}
function dateForm(data){
    return   new Date(data).getFullYear()+'-'+addZero((new Date(data).getMonth()+1))+'-'+addZero(new Date(data).getDate())
}
</script>
<style scoped lang="scss">
    .iconImg{
        width:25px;
        height: auto;
        display:inline-block;
        margin-top: 5px;
        margin-left: 15px;
        margin-right: 5px;
    }
    .formX{
    .top{
        text-align: center;
    }
    ul{
    li{
        margin:20px;
    h3{
        color: #606266;
        font-weight: normal;
    }
    h5{
        font-weight: normal;
        margin:5px 0;
    }
    p{
        color: #999999;
        margin-bottom: 10px;
        margin:10px 0px;
    }
    }
    }
    }
    .click_line{cursor: pointer;color:#409EFF;}
    .fade-enter-active, .fade-leave-active {
        transition: opacity .4s;
    }
    .fade-enter, .fade-leave-to{
        opacity: 0;
    }
    .formPlebek{color:#0066FF }
    .pagination-fixed{
     position: static;
    }
    .excelHidden{display: none !important;font-weight: bolder;}
    .itemP{margin:10px 0px;}
    .itemImg{width: 20px;height: auto;display: inline-block;vertical-align: -5px;}
    .line_x{border-top: 1px dashed #c0c4cc;margin:5px 0 10px 0px;}
</style>
